<template>
    <div>
        <h3>TestCom组件</h3>
        <button @click="$emit('abc', money)">触发abc</button>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

type Props = {
    a: string
    b: number
    c: boolean
}
const money = ref<number>(100)
const { a = '100', b = 200, c = false } = defineProps<Props>()
console.log(a, b, c)

defineEmits<{
    (e: 'abc', money: number): void
}>()

defineExpose({
    money
})

</script>

<style scoped></style>